<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font3/download/font_di2kt70jul/iconfont.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <title>首页</title>
</head>
<body>
    <!-- 头部开始 -->
    <div class="head">
        <div class="top gWidth clearfix">
            <div class="logo fl">
                <img src="img/logo.png" alt="">
            </div>
            <div class="nav fl">
                <ul class="clearfix">
                    <li class="active"><a href="index.html"><em class="fl">首页</em><span class="iconfont fl">&#xe508;</span></a></li>
                    <li><a href="Product list.html"><em class="fl">产品</em><span class="iconfont fl">&#xe508;</span></a></li>
                    <li><a href="activits.html"><em class="fl">新闻活动</em><span class="iconfont fl">&#xe508;</span></a></li>
                    <li><a href="###"><em class="fl">会员系统</em><span class="iconfont fl">&#xe508;</span></a></li>
                    <li><a href="guanyuyamaha.html"><em class="fl">关于雅马哈</em><span class="iconfont fl">&#xe508;</span></a></li>
                </ul>
            </div>
            <div class="sou fr">
                <input type="text" value=" ">
                <span class=" iconfont">&#xe501;</span>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 产品开始 -->
    <div class="product">
        <div class=" gWidth clearfix">
        <ul>
            <li><a href="###">PRODUCT</a></li>
            <li><span></span></li>
            <li>产品</li>
        </ul>

        <ol class=" fl" >
            <li><img src="img/qin.png" alt=""></li>
            <li><img src="img/qin4.png" alt=""></li>
            <li><img src="img/qin.png" alt=""></li>
            <li><img src="img/qin4.png" alt=""></li>
            <li>
                <p>切换可查看更多乐器</p>
                <ul >
                    <li ><a href="###" class="fl">&lt;</a></li>
                    <li ><a href="###" class="fr">&gt;</a></li>
                </ul>
            </li>
            
        </ol>
        </div>
    </div>

    <!-- 产品结束 -->
    <!-- 重点推荐开始 -->
    <div class=" recommend">
        <div class=" gWidth">
            <ul>
                <li><a href="###">RECOMMEND</a></li>
                <li><span></span></li>
                <li>重点推荐</li>
            </ul>

            <a href="###">
                <div class=" tu fl" >
                    <div><img src="img/zhongdiantuijian1.png" alt=""></div>
                    <ol>
                        <li><h4>会员系统</h4></li>
                        <li>注册雅马哈会员;申请调律、维修、保养服务</li>
                        <li>订阅会员周刊</li>
                    </ol>
                </div>
            </a>
            <a href="guanyuwomen.html">
                <div class=" tu fl" style="margin-left: 40px;">
                    <div><img src="img/zhongdiantuijian2.png" alt=""></div>
                    <ol>
                        <li><h4>关于我们</h4></li>
                        <li>获取雅马哈————雅观更多信息</li>
                    </ol>
                </div>
            </a>
        </div>
    </div>

    <!-- 重点推荐结束 -->

    <div class="dianhua">
        <img src="img/index-dianhua.png" alt="">
    </div>

    <!-- 活动开始 -->
    <div class=" activities">
        <div class=" gWidth">
            <ul class=" clearfix">
                <li><a href="###">ACTIVITIES</a></li>
                <li><span></span></li>
                <li>新闻活动</li>
            </ul>

            <div class=" clearfix wenzi">
                <div class="img fl"><a href="details.html"><img src="img/suzhou.png" alt=""></a></div>
                <ol class="fr ul">
                    <li><a href="details.html"><h5>教育家崔岚带你看一场德国艺术歌曲之旅</h5></a></li>
                    <li><a href="details.html"><p>受卡尔斯鲁厄音乐学院院长Hartmut Holl与基尔歌剧院艺术总监Reinhard Linden的邀请,上音艺术歌曲访问团在周正教授的带领下，前往卡尔斯鲁厄音乐学院与基尔歌剧院两地,参演了"Apropos China中国音乐节”。</p></a></li>
                </ol>

            </div>

            <div class=" clearfix wenzi">
                <div class="img fl"><a href="details.html"><img src="img/jiaoyu.png" alt=""></a></div>
                <ol class="fr ul">
                    <li><a href="details.html"><h5>教育家崔岚带你看一场德国艺术歌曲之旅</h5></a></li>
                    <li><a href="details.html"><p>受卡尔斯鲁厄音乐学院院长Hartmut Holl与基尔歌剧院艺术总监Reinhard Linden的邀请,上音艺术歌曲访问团在周正教授的带领下，前往卡尔斯鲁厄音乐学院与基尔歌剧院两地,参演了"Apropos China中国音乐节”。</p></a></li>
                </ol>
                
            </div>
            <div style="text-align: center; margin-top: 50px;">
                <a href="activits.html" class="a1">更多</a>
            </div>
        </div>
        <div class="po" style="font-size: 26px;" id="p1"><a href="index.html"><p class=" iconfont">&#xe61d;</p></a></div>
    </div>
    <!-- 活动结束 -->

    <div class="bottom"><img src="img/ditu.png" alt=""></div>
    <!-- 底部 -->
<div class="footer">
    <div class="center gWidth">
        <ul class="ul1 clearfix">
            <li>
                <h5>产品</h5>
                <ul class="ul2">
                    <li><a href="###">钢琴</a></li>
                    <li><a href="###">电子键盘</a></li>
                    <li><a href="###">吉他</a></li>
                    <li><a href="###">爵士鼓</a></li>
                    <li><a href="###">管乐器</a></li>
                    <li><a href="###">弦乐器</a></li>
                    <li><a href="###">打击乐器</a></li>
                    <li><a href="###">弦乐器</a></li>
                </ul>
            </li>
            <li>
                <h5>音乐</h5>
                <ul class="ul2">
                    <li><a href="###">钢琴</a></li>
                    <li><a href="###">电子键盘</a></li>
                    <li><a href="###">吉他</a></li>
                </ul>
            </li>
            <li>
                <h5>客户问题</h5>
                <ul class="ul2">
                    <li><a href="###">常见的问题</a></li>
                    <li><a href="###">维修站查询</a></li>
                    <li><a href="###">下载与支持</a></li>
                </ul>
            </li>
            <li>
                <h5>关于我们</h5>
                <ul class="ul2">
                    <li><a href="guanyuyamaha.html">关于雅马哈</a></li>
                </ul>
            </li>
        </ul>
        <div class="ul3">
            <h5>新闻活动</h5>
            <a href="activits.html">新闻活动首页</a>
        </div>
        <p class="p1">
            &copy;Copyright diandongmark.com2019.All Rights Reserved备案号&nbsp;冀ICP备16018121号-4.
        </p>
    </div>
</div>
    <!-- 底部结束 -->
   
</body>
</html>